window.onload = function() {
    var as = document.getElementsByTagName("a");
    var tips = document.getElementById("tips");
    tips.innerHTML = "";
    for (var i = 0; i < as.length; i++) {
        as[i].onmouseover = function () {
            tips.innerHTML = "";
            tips.style.display = "block";
            tips.style.left = this.offsetLeft + this.offsetWidth + 10 + 'px';
            tips.style.top = this.offsetTop + 'px';

            var h4 = document.createElement('h4');
            h4.innerHTML = "xxxxx";
            var lis1 = document.createElement('li');
            lis1.innerHTML = "mmmmm";
            lis1.className = 'col';
            var lis2 = document.createElement('li');
            lis2.innerHTML = "mmmmm";
            lis2.className = 'col';
            var lis3 = document.createElement('li');
            lis3.innerHTML = "mmmmm";
            lis3.className = 'col';
            var lis4 = document.createElement('li');
            lis4.innerHTML = "mmmmm";
            lis4.className = 'col';
            var lis5 = document.createElement('li');
            lis5.innerHTML = "mmmmm";
            lis5.className = 'col';
            var lis6 = document.createElement('li');
            lis6.innerHTML = "mmmmm";
            lis6.className = 'col';
            tips.appendChild(h4);
            tips.appendChild(lis1);
            tips.appendChild(lis2);
            tips.appendChild(lis3);
            tips.appendChild(lis4);
            tips.appendChild(lis5);
            tips.appendChild(lis6);
        }
        as[i].onmouseout = function () {
            tips.style.display = "none";
        }
    }
}